<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="static/js/font_1693746_l88lqiaavxa.js"></script>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/font_1693746_l88lqiaavxa.css">
  <title>开发助手高效版-网页版PbootCMS开发助手</title>
</head>
<body>
<div class="tool-container clearfix">
  <div class="menu">
    <span></span>
  </div>
  <div class="tool-nav" style="display: none;">
    <a href="index.html">导航菜单</a>
    <a href="site.html">站点信息</a>
    <a href="index-page.html">指定栏目</a>
    <a href="index-list.html">指定文章列表</a>
    <a href="index-product.html">指定商品列表</a>
    <a href="sort.html">当前栏目</a>
    <a href="banner.html">轮播图</a>
    <a href="article-list.html">文章列表</a>
    <a href="article-details.html">文章详情</a>
    <a href="productlist.html">产品列表</a>
    <a href="product.html">产品详情</a>
    <a href="pics.html">多图遍历</a>
    <a href="fenye.html">分页</a>
    <a href="message.html">表单留言</a>
    <a href="search.html">搜索列表</a>
    <a href="if.html">IF判断</a>
    <a href="en.html">多语言建站</a> 
    <a href="">多条件筛选</a>
    <a href="label.html">全局标签</a>
    <a href="user.html">会员登录注册</a>
    <a href="javascript:;">无刷新点赞</a>
    <a href="link.html">友情链接</a>
    <a href="other.html">其他</a>
  </div>
  <div class="tool-left">
    <div class="english">
      <a href="en.html"><svg class="icon" aria-hidden="true"><use xlink:href="#iconchina"></use></svg>CN <svg class="icon" aria-hidden="true"><use xlink:href="#iconmeiguo"></use></svg>EN</a>
    </div>
    <div class="logo-search container">
      <a href="site.html" class="logo">极致CMS开发助手</a>
      <a href="search.html" class="search">
        <span>请输入关键词</span>
        <span>搜索</span>
      </a>
      <a href="user.html" class="login">
        <span>登录/注册</span>
      </a>
    </div>
    <div class="header">
      <ul class="navbar clearfix">
        <li><a href="index.html">首页</a></li>
        <li><a href="productlist.html">产品列表</a></li>
        <li><a href="product.html">产品详情</a></li>
        <li><a href="article-list.html">文章列表</a></li>
        <li><a href="article-details.html">文章详情</a></li>
        <li><a href="page.html">单页</a></li>
        <li><a href="label.html">全局标签</a></li>
        <li><a href="other.html">其他</a></li>
      </ul>
    </div>
    <div class="banner">
      <a href="#">
        <span>Img - Sort</span>
      </a>
    </div>

    <div class="product-box container clearfix">
      <div class="product-sort fl">
        <a href="#">
          <h4>当前栏目</h4>
          <ul>
            <li>下级分类1</li>
            <li>下级分类2</li>
            <li>下级分类3</li>
            <li>下级分类4</li>
            <li>下级分类5</li>
          </ul>
        </a>
        <a href="sortlist.html">
          <h4>产品中心(顶级)</h4>
          <ul>
            <li>产品分类1</li>
            <li>产品分类2</li>
            <li>产品分类3</li>
            <li>产品分类4</li>
            <li>产品分类5</li>
          </ul>
        </a>
      </div>
      <div class="product-content fr">
        <div class="position clearfix"><a href="sort.html" class="fl">栏目名称</a><a href="#" class="fr">当前位置：首页 > 产品中心</a></div>
        <div class="product-list">
          <a href="" class="checkbox">
            <span class="all">全部</span><span>红色</span><span>橙色</span><span>黄色</span><span>绿色</span><span>青色</span><span>蓝色</span><span>紫色</span>
          </a>
          <div class="product-recommend">
            <a href="product.html">
              <p class="clearfix"><span>产品1</span><span>产品2</span><span>产品3</span><span>产品4</span><span>产品1</span><span>产品2</span><span>产品3</span><span>产品4</span><span>产品1</span><span>产品2</span><span>产品3</span><span>产品4</span></p>
            </a>
          </div>
          <div class="common-page">
            <a href="page.html">
              <span>共3页</span>
              <span>页次：1/3页</span>
              <span>首页</span>
              <span>上一页</span>
              <span class="active">1</span>
              <span>2</span>
              <span>3</span>
              <span>下一页</span>
              <span>尾页</span>
              <span>转到</span>
              <span><select name="" id=""><option value="">1</option></select></span>
            </a>
          </div>
          <div class="news-recommend">
            <a href="#">
              <h3>产品推荐</h3>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
              <p>这是推荐的产品 <span>2020-03-20</span></p>
            </a>
          </div>
        </div>
      </div>
    </div>
    
    <a href="site.html" class="index-footer">
      <p><span>&copy;2020 极致CMS版权所有</span></p>
      <p><span>蜀ICP备2021016482号</span></p>
    </a>
  </div>
  <div class="tool-right">
    <div class="tool-code">
      <h2>极致CMS开发助手</h2>
      <div class="tool-code-box" id="tool-code1">
          
        <div class="code-box code-create">
          <h3>Screen筛选示例</h3>
          <div class="num">
            <div class="result-code">
              <div class="textarea-box">
<textarea id="sort" type="text" name="result" value="" rows="13">
{screen molds="article"   orderby="orders desc"  as="s"}
{$s['fieldname']} ：
<ul style="display: flex;">
    <li>
        <a href="{$s['url']}">全部</a>
    </li>
{foreach $s['list'] as $ss}
    <li>
        <a  href="{$ss['url']}">{$ss['value']}</a>
    </li>
{/foreach}
</ul>
{/screen}</textarea><button onclick="copyTextarea()">COPY</button>
              </div>
            </div>
          </div>
        </div>
          <div class="code-tips">
            <span>Tips</span>详细查阅官网
          </div>
        <div class="code-box code-create">
          <h3>判断是否已选</h3>
          <div class="num">
            <div class="result-code">
              <div class="textarea-box">
<textarea id="sort" type="text" name="result" value="" rows="3">
{if(isset($filters[$s['field']]) && strpos(','.$filters[$s['field']].',',','.$ss['key'].',')!==false)}
这里写选中时的标识
{/if}</textarea><button onclick="copyTextarea()">COPY</button>
              </div>
            </div>
          </div>
        </div>
        
        <div class="code-box code-para">
          <h3>常用参数 <span>(点击即复制)</span></h3>
          <button onclick="copyText()"><span class="copy">{$s['fieldname']}</span><span>自定义字段名字</span></button>
          <button onclick="copyText()"><span class="copy">{$s['url']}</span><span>对应链接</span></button>
          <button onclick="copyText()"><span class="copy">{if(!isset($filters[$s['field']]))}选中全部{/if}</span><span>判断选中</span></button>
        </div>
        <div class="code-box code-label">
          <h3>全部筛选标签 <span>(点击即复制)</span></h3>
          <button onclick="copyText()"><span class="copy">{$ss['url']}</span><span>每个选项链接</span></button>
          <button onclick="copyText()"><span class="copy">{$s['field']}</span><span>每个选项字段</span></button>
          <button onclick="copyText()"><span class="copy">{$ss['value']}</span><span>每个选项名称</span></button>
          <button onclick="copyText()"><span class="copy">{$ss['key']}</span><span>每个选项对应值</span></button>
          <input type="text" id="input" value="12345" style="opacity: 0;">
        </div>
      </div>
    </div>
  </div>
</div>
<script src="static/js/jquery-1.10.2.js"></script>
<script src="static/js/base.js"></script>
</body>
</html>